page {
	background: #F7F7F7;
	
	.br10{
		border-radius: 10rpx;
	}
	
	.u-padding-bottom-52{
		padding-bottom: 52rpx;
	}
	
	.w-1-3{
		width: calc(100% / 3);
	}
	
	.w-1-4{
		width: calc(100% / 4);
	}
	
	.content-baisc-layout {
		
		.header-area {
			background: url(https://resource.lanbaozixun.com/uploads/images/202406151200573edf76650.png) no-repeat;
			background-size: 100% 100%;
			border-radius: 20rpx;
			
			
		}
		
		.product-basics-info{
			border-radius: 10rpx;
			border: 2rpx solid #FFFFFF;
			background: linear-gradient(180deg, rgba(214, 238, 255, 0.71) 0%, rgba(255, 255, 255, 0.84) 87.78%, rgba(255, 255, 255, 0.46) 100%) no-repeat;
		}
		
		.award-area {
		
			.award-item {
				width: 32%;
				padding-bottom: 30rpx;
				text-align: center;
				border-radius: 10rpx;
				overflow: hidden;
				
				.title{
					padding: 20rpx 0;
				}
		
				&:first-child {
					background-color: #DDE9FF;
					
					.title{
						background: linear-gradient(180deg, #7DADFF 0%, #3D72ED 100%);
					}
				}
		
				&:nth-child(2n) {
					background-color: #E3F2FF;
					
					.title{
						background: linear-gradient(180deg, #7DC4FF 0%, #3EA1ED 99.97%);
					}
				}
		
				&:last-child {
					background-color: #FFF5EB;
					
					.title{
						background: linear-gradient(180deg, #FFBE7D 0.02%, #FFA44A 100%);
					}
				}
		
				.award-icon {
					width: 140rpx;
					height: 40rpx;
					margin: 0 auto;
				}
		
				.award-icon-tow {
					width: 140rpx;
					height: 40rpx;
		
				}
		
				.award-footer {
					height: 60rpx;
					margin: 40rpx auto 0;
				}
			}
		}
		
		.content-area{
			
			.content-item{
				
				.title{
					position: relative;
					padding-left: 16rpx;
					
					&:before{
						top: 10%;
						left: 0;
						bottom: 10%;
						content: ' ';
						width: 8rpx;
						position: absolute;
						border-radius: 10rpx;
						background: #589AF5;
					}
				}
			}
		}
		
		
		.recommendation-application-button,.fast-application-button{
			padding: 16rpx ;
			border-radius: 100rpx;
			background: linear-gradient(90deg, #6BB2FF 0%, #2C60DE 100%);
		}
		
		.footer-area{
			bottom: 0;
			position: sticky;
		}
		
		.relative{
			position: relative;
		}
		
		.customer-bg{
			width: 100%;
		}
		
		.customer-qr-code-area{
			left: 50%;
			width: 45%;
			bottom: 13vh;
			position: absolute;
			border-radius: 20rpx;
			border: 1px solid #CCCCCC;
			transform: translateX(-50%);
			
			
			.customer-qr-code{
				width: 100%;
				display: block;
			}
		}
		
	}
}

.hover-button{
	bottom: 15%;
	height: 100rpx;
	width: 100rpx;
	right: 40rpx;
	position: fixed;
	justify-content: center;
	border-radius: 100rpx;
	border: 1px solid rgba(227, 240, 255, 1);
	background: linear-gradient(177.48deg, rgba(148, 201, 255, 1) 0%, rgba(133, 206, 255, 1) 45.69%, rgba(67, 126, 234, 1) 100%);

}